Aller au contenu principal

🤌 1.2A – drapeau_italien

Objectif 🎯​

Maîtriser :

  • l'alignement horizontal
  • la répartition proportionnelle de l'espace à l'écran
  • la configuration globale de l'application.

À faire 🛠️​

Étape 1 : La mise en page du drapeau​

Créez une interface qui reproduit fidèlement le drapeau de l'Italie

Votre mise en page doit respecter les règles suivantes :

  • Hauteur: Le drapeau doit occuper (toute la hauteur) disponible de l'écran.
  • Disposition : Les trois bandes de couleur doivent être disposées côte à côte (horizontalement).
  • Proportions : Chaque bande de couleur doit occuper exactement un tiers (1/3) de la largeur totale de l'écran, peu importe la taille de l'appareil utilisé.

Application mobile affichant le drapeau de l'Italie. L'écran au format paysage est divisé en trois bandes horizontales de largeur parfaitement égale : verte à gauche, blanche au centre, et rouge à droite. Les couleurs s'étendent de tout en haut jusqu'à tout en bas de l'écran, sans aucune marge.

Étape 2 : Configuration de l'application (Bonus)​

Bonus 1 : Cacher le ruban de débogage

Par défaut, Flutter affiche une petite bannière rouge "DEBUG" dans le coin supérieur droit. Trouvez comment la masquer.

Bonus 2 : Plein écran

Habituellement, on voit la barre d'état du téléphone en haut de l'écran (heure, batterie, réseau, etc.). Trouvez un moyen de rendre votre application véritablement plein écran en masquant cette barre d'état.